﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<base href="<%=request.getContextPath() %>/" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>订单详细信息</title>
<link rel="stylesheet" href="css/orderdetail.css" type="text/css" media="all" />
</head>

<body>
	<!-- 1.工具栏-->
	<div id="toolbar" class="base_div">
		<div id="div_1">
			<!-- 欢迎语-->
			<div id="d1_welcom">
				<span>欢迎来第五元素购物商城!</span>
			</div>
			<!-- 功能按钮-->
			<div id="d1_login">
				<ul>
					<li><a href="">[登录]</a></li>
					<li><img src="images/welcom_1.gif" alt="" /></li>
					<li><a href="">[免费注册]</a></li>
					<li><img src="images/welcom_1.gif" alt="" /></li>
					<li><a href="">我的订单</a></li>
					<li><img src="images/welcom_1.gif" alt="" /></li>
					<li><a href="">购物车0件</a></li>
				</ul>
			</div>

		</div>

	</div>

	<!-- 2.图片 -->
	<div id="div_2" class="base_div">
		<img src="images/img.gif" alt="" />
	</div>

	<!--3. logo-->
	<div id="div_3" class="base_div">
		<div id="d3_logo">
			<img src="images/logo.jpg" alt="" />
		</div>

		<div id="d3_find">
			<ul id="d3_ul1">
				<li><input type="text" name="输入" /></li>
				<li><a href="">搜索</a></li>
			</ul>
			<ul id="d3_ul2">
				<li><a href="">电脑数码</a></li>
				<li><a href="">家电通讯</a></li>
				<li><a href="">佳人名仕</a></li>
				<li><a href="">食品母婴</a></li>
				<li><a href="">生活专区</a></li>
				<li><a href="">图书音像</a></li>

			</ul>
		</div>

	</div>

	<!--4.导航-->
	<div id="div_4" class="base_div">
		<div id="d4_type">商品分类</div>
		<div id="d4_ng">
			<ul>
				<li><a href="">首页</a></li>
				<li><a href="">论坛</a></li>
				<li><a href="">留言板</a></li>
				<li><a href="">团购</a></li>
				<li><a href="">在线游戏</a></li>
			</ul>
		</div>
	</div>

	<div id="orderdetail_top" class="base_div">
		<strong>个人中心</strong> <span> > 我的订单 > 订单：350621420</span>
	</div>

	<div id="orderdetail_state" class="base_div m">
  		<div class="mt"> 
  			<strong>
  				订单号：350621420&nbsp;&nbsp;&nbsp;&nbsp;状态：<span class="ftx14">完成</span>
    		</strong>
  		</div>
  		<div class="mc"> 
			订单已经完成，感谢您在本商城购物，欢迎您对本次交易所购商品进行评价。
        </div>
	</div>


	<div class="base_div m" id="order_track">
		<ul class="tab">
			<li class="curr">
				<h2> 订单跟踪</h2>
			</li>
		</ul>
		<div class="mc tabcon" style="display: block; ">
			<!--订单跟踪-->
			<table cellpadding="0" cellspacing="0" width="100%">
				<tbody id="tbody_track">
					<tr>
						<th width="15%"><strong>处理时间</strong></th>
						<th width="50%"><strong>处理信息</strong></th>
						<th width="35%"><strong>操作人</strong></th>
					</tr>

					<tr>
						<td>2012-10-19 00:45:23</td><td>您提交了订单</td><td>客户</td>
					</tr>
				</tbody>
			</table>

			<div class="extra">
				<span>送货方式：</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<span>货运单号：350621420</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			</div>
		</div>
	</div>

	<div class="m base_div" id="orderinfo">
		<div class="mt">
			<strong>订单信息</strong>
		</div>
		<div class="mc">
			<!--顾客信息-->
			<dl class="fore">
				<dt>
					收货人信息
				</dt>
				<dd><ul>
					<li>收&nbsp;货&nbsp;人：王海波</li>
					<li>
						地&nbsp;&nbsp;&nbsp;&nbsp;址：重庆重庆市沙坪坝区(铁路西站沿线以东及虎溪大学城)西永微电园4号楼生产力促进中心3楼足下软件学院
					</li>
					<li>固定电话：</li>
					<li>手机号码：18980149011</li>
					<li>电子邮件：</li>
				</ul></dd>
			</dl>
			<!--配送、支付方式-->
			<dl>
				<dt>支付及配送方式</dt>
				<dd><ul>
					<li>支付方式：货到付款</li>
					<li>运&nbsp;&nbsp;&nbsp;&nbsp;费：￥0.00</li>
					<li>送货日期：工作日、双休日与假日均可送货</li>
					<li>配送时间：仅白天送货（8:00至18:00）</li>
				</ul></dd>
			</dl>
			<!--商品-->
			<dl>
				<dt>商品清单</dt>
				<dd class="p-list">
					<table cellpadding="0" cellspacing="0" width="100%">
						<tbody>
							<tr>
								<th width="10%"> 商品编号 </th>
								<th width="47%"> 商品名称 </th>
								<th width="10%"> 购买价 </th>
								<th width="8%"> 已优惠 </th>
								<th width="7%"> 赠送积分 </th>
								<th width="7%"> 商品数量 </th>
								<th width="11%"> 操作 </th>
							</tr>
							<tr>
								<td>10067435</td>
								<td>
									<a class="flk13" target="_blank" href="http://www.360buy.com/product/10067435.html" clstag="click|keycount|orderinfo|product_name"> JAVA开发专家·精通Hibernate：Java对象持久化技术详解（第2版）（附光盘1张）</a>
								</td>
								<td><span class="ftx04"> ￥56.20</span></td>
								<td><span> ￥0.00</span></td>
								<td>0</td>
								<td>1</td>
								<td>
									<span id="iwo10067435" class="flk13">
										<a target="_blank" href="#" >评价</a>
									</span>
									<br>
									<a href="#" target="_blank">还要买</a>
								</td>
							</tr>
						</tbody>
					</table>
				</dd>
			</dl>
		</div>
		<!--金额-->
		<div class="total">
			<ul>
				<li><span>商品总金额：</span>￥301.40</li>
				<li><span>+ 运费：</span>￥0.00</li>
				<li><span>- 优惠：</span>￥150.00</li>
				<li><span>- 余额：</span>￥36.50</li>
			</ul>
			<span class="clr">ad</span>
			<div class="extra">
				订单支付金额：<span class="ftx04"><b>￥114.90</b></span>
			</div>
		</div>
	</div>
	
		

	<div id="div_footer" class="base_div">
		
	</div>

</body>

</html>
